<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header></header>
    <main>
        <div class="main">
            <div class="logo">


            </div>
            <div class="form">
                <form action="login.php" name="loginForm" id="loginForm" method="POST">
                    <div class="lg-name">
                        <input name="username" placeholder="请入登录名" type="text" id="username" >
                        <label id="error" class="error ">请输入登录名</label>
                    </div>
                    <div class="lg-pwd">
                        <input type="password" id="password" size="20" placeholder="密码为字母与数字或符号混合"  class="pwd">
                        <label id="error1" class="error " style="display:none;">请输入登录密码</label>
                    </div>
                    <div class="yzm">
                        <input type="text" id="yanzheng" >
                        <label id="error2" class="error ">验证码错误</label>
                    </div>
                    <div class="lg-nav">
                        <span>忘记密码</span>
                       <a href="./zhuce.html" target="_blank">立即注册</a>
                    </div>
                    <div class="lg-btn">
                        <button class="login-btn" id="btn" name="btn" type="button">登录</button>
                    </div>


                </form>


            </div>
        </div>
    </main>
    <footer></footer>





</body>
</html>